<template>
    <div class="my">
        <div class="info">
            <img src="http://yanxuan.nosdn.127.net/8945ae63d940cc42406c3f67019c5cb6.png" alt="">
            <div class="user">用户</div>
        </div>
        <div class="choose">
            <van-grid :column-num="3" :gutter="2">
                <van-grid-item style="height: 70px" text="我的订单" />
                <van-grid-item style="height: 70px" text="优惠券" />
                <van-grid-item style="height: 70px" text="我的足迹" />
                <van-grid-item style="height: 70px" text="我的收藏" to="/my/collect" />
                <van-grid-item style="height: 70px" text="地址管理" to="/my/address" />
                <van-grid-item style="height: 70px" text="联系客服" />
                <van-grid-item style="height: 70px" text="帮助中心" />
                <van-grid-item style="height: 70px" text="意见反馈" to="/my/feedback" />
                <van-grid-item style="height: 70px" text="" />
            </van-grid>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
    .my{
        width: 100%;
        height: calc(100vh - 1.33333rem);
        background: #f4f4f4;
        .info{
            width: 100%;
            height: 3.73333rem;
            display: flex;
            align-items: center;
            background: #333;
            padding: 0 .4rem;
            box-sizing: border-box;
            img{
                height: 1.97333rem;
                width: 1.97333rem;
                border-radius: 50%;
            }
            .user{
                margin-left: .4rem;
                margin-top: 10px;
                color: #fff;
                font-size: .37333rem;
            }
            .choose{
                width: 100%;

            }
        }
    }
</style>
